<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>五子棋</title>
    <style type="text/css">
        #chess {
            display: block;
            margin: 50px auto;
            box-shadow: -2px -2px 2px #EFEFEF, 5px 5px 5px #B9B9B9;
        }
        #reset{
            display: block;
            border: 2px solid #000000;
            margin: 10px auto;
            color: white;
            font-size: 20px;
            text-align: center;
            text-decoration: none;
            border-radius: 8px;
            background-color: #409EFF;
        }
    </style>
</head>
<body>
<div>
    <button id="reset" onclick="javascript:location.reload();">
        重新开始
    </button>
    <canvas id="chess" width="450px"; height="450px"></canvas>
    <script type="text/javascript" src="index.js"></script>
</div>
</body>
</html>